  <!--{foreach item=item from=$articlecate}-->
   <!--{if $item.cssid eq 1}-->
   <a name="<!--{$item.acode}-->"></a>
    <section id="blog" class="blog-section relative-position" data-background="/static/home/img/background/ft-bg.jpg">
        <div class="background_overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-12">
                    <div class="blog-left-content">
                        <div class="section-title-left">
                            <span class="title-tag"><img src="/static/home/icon/icon5.svg" alt=""><!--{$item.subtitle}--></span>
                            <h2><!--{$item.title}--></h2>
                        </div>
                        <div class="blog-text-details">
                            <p><!--{$item.introduction|truncate:80:"...":true}--></p>
                            <div class="b-read-more-btn text-center text-uppercase">
                                <a href="<!--{$item.url}-->"  <!--{if $item.is_target}-->target="_blank"<!--{/if}-->>read more <i class="flaticon-next"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8 col-md-12">
                    <div class="blog-post-content clearfix">
                      <!--{foreach item=items from=$item.article}-->
                        <div class="blog-post-item">
                            <div class="blog-post-pic" style="min-height:200px">
                                <img src="<!--{if $items.imgurl}--><!--{$items.imgurl}--><!--{else}-->/static/home/img/blog/bp2.jpg<!--{/if}-->" alt="">
                                <a class="blog-linker" href="#"></a>
                            </div>
                            <div class="blog-post-text">
                                <h3><a href="#"><!--{$items.title|truncate:13:"...":true}--></a></h3>
                                <div class="blog-meta">
                                    <a href="#"><i class="icon-user"></i><!--{$items.author|truncate:10:"...":true}--></a>
                                    <a href="#"><i class="icon-calendar"></i><!--{$items.create_time}--></a>
                                </div>
                                <div class="blog-more text-uppercase">
                                    <a href="#">full story <i class="flaticon-next"></i></a>
                                </div>
                            </div>
                        </div>
                        <!--{/foreach}-->
                    </div>
                </div>
            </div>
        </div>
    </section>
  <!--{/if}-->
<!--{/foreach}-->